<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@include file="../common/common.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>找回密码</title>
		<link rel="stylesheet" href="${ctx}/css/reset.css" />
		<link rel="stylesheet" href="${ctx}/css/public.css" />
		<link rel="stylesheet" href="${ctx}/css/style.css" />
	</head>
	<body>
		<!--头部  -->
		<%@include file="../common/header.jsp"%>  
		<div class="same reset reset_psw find container">
			<%@ include file="../common/top.jsp"%>
			<div class="nav f16">
				<!-- 引入 导航栏的信息  开始 -->
				<%@ include file="../common/nav.jsp"%>
				<!-- 引入 导航栏的信息  结束 -->
			</div>
			<div class="main">
				<p>找回密码</p>
				<div>
					<div class="a">
						<img src="${ctx}/images/mima1.png" alt="" />
						<p>
							<span class="selected">找回密码</span>
							<span>身份验证</span>
							<span>重置密码</span>
							<span class="last">完成</span>
						</p>
					</div>
					<form action="">
						<p><label for="">账号</label><input type="text" name="mPhone" id="mPhone" placeholder="邮箱/手机号/昵称"/><i>请输入账号</i></p>
						<p><label for="">验证码</label>
						<input type="text" id="code" name="imgCode" class="form-control" />  
			            <img id="imgObj" alt="验证码" src="${ctx}/captcha/validateCode" onclick="changeImg()"/>  
			            <a href="javascript:void(0);" onclick="changeImg()">换一张</a> <i id="msg"></i></p> 
						<a href="javascript:void(0);"><input type="button" id="confirmImgCode" value="提交"></a>
						<!-- <a href="#"><button id="confirmImgCode" >提交</button></a> -->
					</form>
					
				</div>
			</div>
		</div>
		
		<!--底部-->
	<%@include file="../common/bottom.jsp"%>
	<script src="${ctx}/js/jquery-2.0.2.js"></script>
	<script src="${ctx}/js/member/find_paw.js"></script>
	<script type="text/javascript">  
        // 刷新图片  
        function changeImg() {  
            var imgSrc = $("#imgObj");  
            var src = imgSrc.attr("src");  
         //   imgSrc.attr("src", src);  
            imgSrc.attr("src", changeUrl(src));  
        }  
        //为了使每次生成图片不一致，即不让浏览器读缓存，所以需要加上时间戳  
        function changeUrl(url) {  
        	var times = new Date().getTime();
        	url = url+"?times="+times;  
           /*  var timestamp = (new Date()).valueOf();  
            var index = url.indexOf("?",url);  
            if (index > 0) {  
                url = url.substring(0, url.indexOf(url, "?"));  
            }  
            if ((url.indexOf("&") >= 0)) {  
                url = url + "×tamp=" + timestamp;  
            } else {  
                url = url + "?timestamp=" + timestamp;  
            }   */
            return url;  
        }  
    </script>  
	
	</body>
</html>
